kuturing: Puisi muzammier

Asik Indonesia Kebagian Gerhana Matahari Total Pada 2016

KOBA - Kepala Penelitian dan Pengembangan Lajnah Falakiyah Pengurus Besar Nahdlatul Ulama (PBNU).....

Robot Buatan anak Indonesia Meningkat

JAKARTA - Minat anak muda pada robot semakin meningkat, seiring dengan adanya.....

ATSI Dorong Upaya Penindakan Kejahatan Seksual di Internet

JAKARTA - Organisasi penyelenggara telekomunikasi yang tergabung di.....

100 Juta Pengguna Mengunduh WeChat di Google Play di Seluruh Dunia

JAKARTA – Setelah menjadi aplikasi sosial ternama yang tumbuh paling cepat menurut versi GlobalWebIndext.....

Hunting Silahturahmi mahasiswa photography dan photo talk medan

Terima kasih kepada teman-teman Mahasiswa photography dan Photo talk yang .....

Tampilkan postingan dengan label Puisi muzammier. Tampilkan semua postingan
Tampilkan postingan dengan label Puisi muzammier. Tampilkan semua postingan

Selasa, 10 Juni 2014

MAKALAH KEPEMIMPINAN 2014



BAB I
PENDAHULUAN

A.  Latar Belakang
Perubahan lingkungan organisasi yang semakin kompleks dan kompetitif, menuntut setiap organisasi untuk bersikap lebih responsif agar sanggup bertahan dan terus berkembang. Untuk mendukung perubahan organisasi tersebut, maka diperlukan adanya perubahan individu. Proses menyelaraskan perubahan organisasi dengan perubahan individu ini tidaklah mudah. Pemimpin sebagai panutan dalam organisasi, sehingga perubahan harus dimulai dari tingkat yang paling atas yaitu pemimpin itu sendiri. Maka dari itu, organisasi memerlukan pemimpin reformis yang mampu menjadi motor penggerak yang mendorong perubahan organisasi.
Sampai saat ini, kepemimpinan masih menjadi topik yang menarik untuk dikaji dan diteliti, karena paling sering diamati namun merupakan fenomena yang sedikit dipahami. Fenomena gaya kepemimpinan di Indonesia menjadi sebuah masalah menarik dan berpengaruh besar dalam kehidupan politik dan bernegara. Dalam dunia medis, gaya kepemimpinan berpengaruh kuat terhadap jalannya organisasi dan kelangsungan hidup organisasi. Peran kepemimpinan sangat strategis dan penting dalam sebuah organisasi sebagai salah satu penentu keberhasilan dalam pencapaian misi, visi dan tujuan suatu organisasi. Maka dari itu, tantangan dalam mengembangkan strategi organisasi yang jelas terutama terletak pada organisasi di satu sisi dan tergantung pada kepemimpinan.
Menarik untuk dicatat bahwa salah satu alasan mengapa munculnya kepemimpinan itu menjadi sebuah topik yang cukup penting di sini karena didasarkan pada tradisi politik suatu negara. Hampir semua negara barat yang mempraktikkan proses politik yang demokratis memungkinkan setiap orang untuk mencapai posisi-posisi yang memiliki tanggung jawab. Orang tersebut tidak memerlukan banyak kekayan, teman-teman pribadi, atau tradisi kekeluargaan untuk memperoleh kekuasaan. Oleh karena itu, studi tentang bagaimana orang-orang ini memperoleh posisi tersebut menjadi sangat penting. Ada dua isu yang sangat penting untuk didiskusikan yaitu pertama, berpusat pada pertanyaan mengapa seseorang itu menginginkan untuk menjadi pemimpin dan kedua, identifikasi apa saja yang harus dilakukan seseorang untuk memperoleh posisi tersebut.
Sudah jelas bahwa posisi pemimpin dapat memberikan keuntungan-keuntungan ekonomis yang lumayan. Dalam beberapa organisasi/perusahaan, pemimpin puncak itu dapat menerima penghasilan 10-15 kali lipat dari penghasilan para karyawan tingkat terbawah. Dan masih ada lagi penghargaan-penghargaan lain untuk pemegang jabatan ini. Makin tinggi jabatan seseorang dalam organisasi makin banyak input atau dampak yang dimilikinya terhadap kebijaksanaan organisasi. Jadi banyak kemungkinan munculnya perasaan keberhasilan dan kesuksesan yang lebih besar buat mereka ini. Akan tetapi, harus diingat bahwa keinginan untuk menjadi pemimpinan saja tidak cukup. Ada beberapa watak dan karakteristik yang lebih memungkinkan seseorang untuk mencapai jabatan pemimpin.
Kepemimpinan adalah proses yang sangat penting dalam setiap organisasi karena kepemimpinan inilah yang akan menentukan sukses atau gagalnya sebuah organisasi. Jika perusahaan, rumah sakit, universitas atau tim atletik mengalami kesuksesan, maka direktur, rektor, atau pelatihlah yang memperoleh acungan jempol. Akan tetapi, sebaliknya, jika terjadi kegagalan, mereka pulalah yang memperoleh teguran, kritik, atau bahkan diganti. Jadi salah satu elemen pokok yang menjadi perhatian setiap organisasi yaitu bagaimana caranya untuk menarik, melatih atau mempertahankan orang – orang yang akan menjadi pemimpin – pemimpin yang efektif.
Begitu pentingnya peran kepemimpinan dalam sebuah organisasi menjadi fokus yang menarik perhatian para peneliti bidang perilaku keorganisasian. Bass (1990) menyatakan bahwa kualitas dari pemimpin sering kali dianggap sebagai faktor terpenting yang menentukan keberhasilan atau kegagalan organisasi. Schein (1992), Nahavandi & Malekzadeh (1993) serta Kouzes & Posner (1987) juga menyatakan bahwa pimpinan mempunyai pengaruh besar terhadap keberhasilan organisasi. Porter (1996) dalam Sunarsih (2001). Green Berg dan Baron (2000 : 444) dalam Sunarsih (2001) menyatakan bahwa kepemimpinan merupakan suatu unsur kunci dalam keefektifan organisasi.
Organisasi membutuhkan seorang pemimpin, sebab pemimpin itulah sosok penggerak dan inspirator dalam merancang dan mengerjakan kegiatan. Pemimpin tidak hanya seorang
manajer, ia juga harus seorang pembangun mental, moral spirit, dan kolektivitas kepada jajaran bawahannya. Seorang pemimpin seyogyanya tidak hanya menggunakan aturan tertulis, tapi juga sikap perilaku, sepak terjang, dan keteladanan dalam melakukan agenda transformasi kearah yang lebih baik.
Pemimpin atau kepemimpinan merupakan variabel yang erat kaitannya dengan tugas manajer. Manajer diharapkan mampu memimpin organisasinya dengan baik. Meskipun demikian pemimpin dengan manajer mempunyai pengertian yang berbeda. Seorang manajer yang baik belum tentu merupakan pemimpin yang baik, dan sebaliknya. Idealnya, manajer yang baik juga merupakan pemimpin yang baik.
Manajer adalah seorang yang mempunyai wewenang untuk memerintah orang lain. Seorang manajer dalam menjalankan pekerjaan dan tanggung jawabnya menngunakan bantuan orang lain untuk mencapai tujuan yang telah ditetapkan. Dengan demikian, ia perlu memimpin pegawai, karyawan, pekerja, atau apapun sebutannya. Tidak setiap orang yang ditunjuk menjadi pemimpin bisa menjalankan pekerjaannya dengan baik. Selain itu, tidak setiap pemimpin dapat menjadi pemimpin yang baik.
Banyak pendapat yang berbeda – beda tentang apa yang dimaksud dengan pemimpin yang baik. Demikian juga tentang apa yang menjadi kewajiban setiap  pemimpin. Namun demikan, dapat diambil inti persamaanya, yaitu bahwa setiap pemimpin mempunyai kewajiban untuk mencapai tujuan organisasi/institusi dan memberi perhatian terhadap kebutuhan pegawai bawahannya.
Kepemimpinan memegang peranan yang sangat penting dalam manajemen organisasi. Kepemimpinan dibutuhkan manusia karena adanya keterbatasan-keterbatasan tertentu pada diri manusia. Dari sinilah timbul kebutuhan untuk memimpin dan dipimpin. Kepemimpinan didefinisikan ke dalam ciri-ciri individual, kebiasan, cara mempengaruhi orang lain, interaksi, kedudukan dalam oragnisasi dan persepsi mengenai pengaruh yang sah.
Kepemimpinan adalah kemampuan untuk mempengaruhi orang lain untuk mencapai tujuan dengan antusias (David, Keith, 1985). Menurut Veitzhal Rivai (2004), kepemimpinan adalah proses mempengaruhi atau memberi contoh kepada pengikut-pengikutnya lewat proses komunikasi dalam upaya mencapai tujuan organisasi. Menurut Achmad Suyuti (2001) yang dimaksud dengan kepemimpinan adalah proses mengarahkan, membimbing dan mempengaruhi pikiran, perasaan, tindakan dan tingkah laku orang lain untuk digerakkan ke arah tujuan tertentu.

B.  Tujuan
1.        Untuk mengetahui konsep dasar kepemimpinan.
2.        Untuk mengetahui pengertian dari tipe kepemimpinan otokratis.
3.       Untuk mengetahui ciri-ciri dari kepemimpinan otokratis.
4.       Untuk mengetahui tipe kepemimpinan otokratis menurut para ahli.
5.      Untuk mengetahui perilaku pemimpin otokratik.
6.      Untuk mengetahui kelebihan dan kekurangan serta untung rugu tipe kepemimpinan otokratik.


C.  Manfaat
Adapun manfaat dalam penelitian ini adalah sebagai berikut:
1. Hasil penelitian ini diharapkan dapat memberi masukan kepada pihak manajemen kampus maupun rumah sakit dalam melakukan strategi yang tepat untuk dapat meningkatkan kinerja dan kepuasan kerja karyawannya terutama dengan menggunakan gaya kepemimpinan dan menciptakan komitmen organisasi dengan tepat.
2.  Hasil penelitian ini diharapkan dapat melengkapi bahan penelitian selanjutnya dalam rangka menambah khasanah akademik sehingga berguna untuk pengembangan ilmu, khususnya bidang Manajemen Sumber Daya Manusia.



BAB II

I.                   PEMBAHASAN

A.  Pengertian Kepemimpinan
Secara etimologi kepemimpinan berasal dari kata dasar “pimpin” (lead) berarti bimbing atau tuntun, dengan begitu di dalam terdapat dua pihak yaitu yang dipimpin (rakyat) dan yang memimpin (imam). Setelah ditambah awalan “pe” menjadi “pemimpin” (leader) berarti orang yang mempengaruhi pihak lain melalui proses kewibawaan kominikasi sehingga orang lain tersebut bertindak sesuatu dalam mencapai tujuan tertentu. Dan setelah ditambah akhiran “an” menjadi “pimpinan” artinya orang yang mengepalai. Apabila dilengkapi dengan awalan “ke” menjadi “kepemimpinan” (leadership) berarti kemampuan dan kepribadian seseorang dalam mempengaruhi serta membujuk pihak lain agar melakuakan tindakan pencapaian tujuan bersama, sehingga dengan demikian yang bersangkutan menjadi awal struktur dan pusat proses kelompok (Inu Kencana, 2003). Jadi kepemimpinan adalah aktivitas untuk mempengaruhi perilaku orang lain agar mereka mau diarahkan untuk mencapai tujuan tertentu (Miftah, 1997).
Kepemimpinan diartikan sebagai kemampuan menggerakkan atau memotivasi sejumlah orang agar secara serentak melakukan kegiatan yang sama dan terarah pada pencapaian tujuannya (Nawawi dan M. Martin, 1995).
Seiring dengan pengertian di atas, pemimpin adalah orang yang mempunyai wewenang dan hak untuk memepengaruhi orang lain, sehingga mereka berprilaku sebagaimana yang dikehendaki oleh pemimpin tersebut melalui kepemimpinannya.
Bass (2008), Bass dan Stogdill (1990) serta Nonthouse (2012) dengan kemampuannnya telah mencatat bahwa ada beragam defenisi kepemimpinan, mereka hanya sebagian orang yang telah memberi arti defenisi dalam konsep.
Menurut sejarah, kepemimpinan telah dipertimbangkan untuk menjadi watak kepribadian, pemimpin dilahirkan, dan tidak dibuat. Tindakan mempengaruhi orang lain, mengajak, mengacu pada orang lain, dan orang yang fokus dalam proses kelompok kemudian menjadi gaya yang bisa menjadi dasar dalam sebuah kepribadian, serta dapat berpikir sosial.
Gulliani dan Kurson (2007) mencatat bahwa pemimpin tidak semudah yang dilihat, mereka berfikir, belajar, dan menjadi pengemban. Hesselbein dan Cohen (1999) menyatakan bahwa pemimpin harus menjadi penengah dan pemersatu, mereka harus membangun jembatan  dan sukses menampung usaha-usaha dari para pengikutnya. Maka dari itu, mereka menyatakan bahwa kepemimpinan adalah sebuah persoalan bagaimana menjadi bukan apa yang dilakukan. Secara jelas, defenisi dari kepemimpinan merupakan gabungan dari beberapa karakteristik (Welford,2002).
Kepemimpinan adalah kemampuan memberi inspirasi kepada orang lain untuk bekerja sama sebagai suatu kelompok, agar dapat mencapai suatu tujuan umum. Pengertian lain mengenai kepemimpinan adalah segala hal yang bersangkutan dengan pemimpin dalam hal menggerakkan, membimbing, dan mengarahkan orang lain agar melaksanakan tugas dan mewujudkan sasaran yang ditetapkan (LAN RI : 1996).
Menurut Robbins (1993) kepemimpinan itu didefinisikan sebagai kemampuan seseorang untuk memengaruhi sebuah kelompok menuju kepada pencapaian tujuan kelompok tersebut.2
Kepemimpinan adalah penggunaan keterampilan seseorang dalam mempengaruhi orang lain untuk melaksanakan sesuatu dengan sebaik-baiknya sesuai dengan kemampuannya (Sullivan & Decker, 1989).
Kepemimpinan merupakan kemampuan untuk membangkitkan semangat (motivasi) orang lain agar bersedia dan memiliki tanggung jawab penuh terhadap usaha mencapai atau melampaui tujuan organisasi (Goetsch & Davis).
Kepemimpinan adalah kemampuan seseorang untuk mempengaruhi dan menggerakkan orang lain agar mereka mau berbuat dan berprilaku sebagaimana yang diharapkan untuk mencapai tujuan yang diinginkan (Pusdiklat Kesehatan Depkes RI, 1999).
Kepemimpinan merupakan interaksi antar kelompok dan proses mempengaruhi kegiatan suatu organisasi dalam mencapai tujuan. Kepemimpinan adalah proses interpersonal yang mempengaruhi kegiatan orang lain dalam memilih dan mencapai tujuan.
Berdasarkan pandangan tersebut diatas, dapat disimpulkan bahwa kepemimpinan merupakan kemampuan dan kesiapan yang dimiliki seseorang untuk dapat mempengaruhi, mendorong, mengajak, menuntun, menggerakkan dan kalau perlu memaksa orang lain agar dapat berbuat sesuatu untuk mencapai tujuan organisasi.
Kepemimpinan dalam keperawatan merupakan kemampuan dan keterampilan seorang pemimpin perawat dalam mempengaruhi perawat lain dibawah pengawasannya untuk melaksanakan tugas dan tanggung jawabnya dalam memberikan pelayanan dan asuhan keperawatan sehingga tujuan keperawatan tercapai.
Kata kuncinya adalah kepemimpinan melekat kepada masing-masing individu, sesuai dengan tingkat kepemimpinannya. Setiap orang adalah pemimpin, minimal untuk dirinya sendiri.
Kepemimpinan sebenarnya bukanlah sesuatu yang menyenangkan, tetapi merupakan tanggung jawab sekaligus amanah yang amat berat dan harus diemban sebaik-baiknya.

B.   Fungsi Kepemimpinan Dan Tugas Pimpinan
Yaitu fungsi yang dilaksanakan oleh pemimpin di lingkungan kelompoknya agar secara operasional berhasil guna. Seorang pemimpin mempunyai dua fungsi yaitu: fungsi yang berkaitan dengan tugas dan fungsi sosial/pemeliharaan kelompok. Fungsi yang berkaitan dengan tugas dapat meliputi pemberian perintah, pemberian saran pemecahan dan menawarkan informasi serta pendapat. Sedangkan fungsi pemeliharaan kelompok/fungsi sosial meliputi semua hal yang membentuk kelompok dalam melaksanakan tugas operasinya untuk mencapai tujuan dan sasaran. Sebagai suatu misal persetujuan dengan kelompok lain, menengahi ketidaksepakatan kelompok dan sebagainya. Pemimpin yang berhasil menjalankan kedua fungsi tersebut dengan baik adalah pemimpin yang berhasil.

C.   Teori Dasar Dalam Kepemimpinan
Teori-teori yang membahas kepemimpinan dapat dirangkum dalam tiga macam yaitu :
a.       Teori Bakat
Teori bakat berusaha mengidentifikasi karakteristik pribadi dari seorang   pemimpin.
Teori ini menekankan bahwa setiap orang adalah pemimpin (pemimpin dibawa sejak lahir bukan didapatkan) dan mereka mempunyai karakteristik tertentu yang membuat mereka lebih baik dari orang lain. Teori ini disebut dengan “Great Man Theory”. Banyak penelitian tentang riwayat kehidupan Great Man Theory. Tetapi menurut teori kontemporer, kepemimpinan seseorang dapat dikembangkan bukan hanya dari pembawaan sejak lahir, dimana teori trait mengabaikan dampak atau pengaruh dari siapa yang mengasuh, situasi dan lingkungan lainnya.
Teori ini mengidentifikasi karakteristik umum tentang intelegensi, personaliti, dan kemampuan (perilaku). [13]
b.      Teori Perilaku
Teori perilaku kepemimpinan memfokuskan pada perilaku apa yang dipunyai oleh pemimpin, yang membedakan dirinya dari non-pemimpin.
Teori perilaku lebih menekankan pada apa yang dilakukan pemimpin dan bagaimana seorang manager menjalankan fungsinya. Perilaku sering dilihat sebagai suatu rentang dari sebuah perilaku otoriter ke demokratik atau fokus suatu produksi ke fokus pegawai.
Menurut Vestal (1994) teori perilaku ini dinamakan dengan gaya kepemimpinan seorang manager dalam suatu organisasi.

c.       Teori Situasi
Penelitian-penelitian terdahulu yang mencoba melihat karkteristik dan gaya kepemimpinan tidak dapat menemukan karakteristik atau gaya yang berlaku untuk semua situasi. Situasi dengan demikian memainkan peranan penting dalam efektifitas kepemimpinan.

D.  Kriteria Pemimpin
Dalam mencari sifat/kriteria kepemimpinan yang dapat diukur, para peneliti mengambil dua pendekatan yaitu :[15]
1.      Membandingkan sifat orang yang tampil sebagai pemimpin dengan orang yang tidak menjadi pemimpin.
2.      Membandingkan sifat pemimpin efektif dengan pemimpin yang tidak efektif.
Dari daftar kewajiban yang harus dilakukan oleh seorang pemimpin, paling sedikit ia harus mampu untuk memimpin para pegawai/bawahan untuk mencapai tujuan institusi dan harus mampu untuk menangani hubungan antarkaryawan (interpersonal relations). Pemimpin yang berkualitas harus memenuhi kriteria sebagai berikut :
1.      Mempunyai keinginan untuk menerima tanggung jawab
2.      Mempunyai kemampuan untuk perceptive insight atau persepsi introspektif.
3.      Mempunyai kemampuan untuk menentukan prioritas
4.      Mempunyai kemampuan untuk berkomunikasi.
RL Khan mengemukakan bahwa seorang pemimpin menjalankan pekerjaanya dengan baik jika :
1.      Memberikan kepuasan terhadap kebutuhan langsung para bawahannya.
2.      Menyusun jalur pencapaian tujuan.
3.      Menghilangkan hambatan-hambatan pencapaian tujuan.
4.      Mengubah tujuan karyawan sehuingga tujuan mereka bisa berguna secara organisatoris.





E.   Peranan Pemimpin
Selanjutnya peranan seorang pemimpin sebagaimana dikemukakan oleh M. Ngalim Purwanto, sebagai berikut : 
1.    Sebagai pelaksana (executive).
2.    Sebagai perencana (planner).
3.    Sebagai seorangahli (expert).
4.    Sebagai mewakili kelompok dalam tindakannya ke luar (external group representative).
5.    Sebagai pengawas hubungan antar anggota-anggota kelompok (controller of internal relationship).
6.    Bertindak sebagai pemberi gambaran/pujian atau hukuman (purveyor of rewards and punishments).
7.    Bentindak sebagai wasit dan penengah (arbitrator and mediator).
8.    Merupakan bagian dari kelompok (exemplar).
9.    Merupakan lambang dari pada kelompok (symbol of the group).
10 Pemegang tanggung jawab para anggota kelompoknya (surrogate for individual  responsibility).
11.  Sebagai pencipta/memiliki cita-cita (ideologist).
12.  Bertindak sebagai seorang ayah (father figure).
13.  Sebagai kambing hitam (scape goat).

F.    Faktor – Faktor Yang Mempengaruhi Kepemimpinan
1.    Karateristik pribadi
Karakter pimpinan keperawatan sangat berpengaruh terhadap proses kepemimpinan yang dijalankannya. Berikut adalah beberapa karakter kepemimpinan keperawatan yang efektif sebagai berikut :
a.       Jujur
b.      Terbuka
c.       Terus Belajar
d.      Enterpreuner (Wira Usaha)
e.       Disiplin
f.       Intelegen



2. Kelompok yang dipimpin
Keberhasilan seorang pemimpin dalam menjalankan organisasinya dipengaruhi oleh kelompok yang dipimpinnya. Semakin besar kelompok yang dipimpin semakin sulit menjalankan kepemimpinan. Oleh karena itu, agar memudahkan proeses kepemimpinan maka perlu dilakukan pembagian tugas kepemimpinan kepada unit-unit atau tim.

3.  Situasi yang dihadapi
Beberapa situasi ruang perawatn berikut ini akan mempengaruhi proses kepemimpinan dalam pelayanan asuhan keperawatn yaitu :
a.       Kemampuan dan pengalaman aggota
b.      Peraturan dan kebijakan rumah sakit.
Dalam melaksanakan aktivitasnya bahwa pemimpin dipengaruhi oleh berbagai macam faktor. Faktor-faktor tersebut sebagaimana dikemukakan oleh H. Jodeph Reitz (1981), yaitu :

1.     Kepribadian (personality), pengalaman masa lalu dan harapan pemimpin, hal ini mencakup nilai-nilai, latar belakang dan pengalamannya akan mempengaruhi pilihan akan gaya kepemimpinan.
2.     Harapan dan perilaku atasan.
3.     Karakteristik, harapan dan perilaku bawahan mempengaruhi terhadap apa gaya kepemimpinan.
4.     Kebutuhan tugas, setiap tugas bawahan juga akan mempengaruhi gaya pemimpin.
5.     Iklim dan kebijakan organisasi mempengaruhi harapan dan perilaku bawahan.
6.     Harapan dan perilaku rekan.

G.  Gaya Dan Tipe Kepemimpinan
Gaya kepemimpinan yaitu sikap dan tindakan yang dilakukan pemimpin dalam menghadapi bawahan. Ada dua macam gaya kepemimpinan yaitu gaya kepemimpinan yang berorientasi pada tugas dan gaya kepemimpinan yang berorientasi pada karyawan. 11
Gaya kepemimpinan pada dasarnya mengandung pengertian sebagai suatu perwujudan tingkah laku dari seorang pemimpin yang menyangkut kemampuannya dalam memimpin. Perwujudan tersebut biasanya membentuk suatu pola atau bentuk tertentu. Pengertian gaya kepemimpinan yang demikian ini sesuai dengan pendapat yang disampaikan oleh Davis dan Newstrom (1995) yang menyatakan bahwa pola tindakan pemimpin secara keseluruhan seperti yang dipersepsikan atau diacu oleh bawahan. Gaya kepemimpinan mewakili filsafat, ketrampilan, dan sikap pemimpin dalam politik. Gaya kepemimpinan adalah pola tingkah laku yang dirancang untuk mengintegrasikan tujuan organisasi dengan tujuan individu untuk mencapai tujuan tertentu (Heidjrachman dan Husnan, 2002:224). Sedangkan menurut Tjiptono (2001:161), gaya kepemimpinan adalah suatu cara yang digunakan pemimpin dalam berinteraksi dengan bawahannya. Pendapat lain menyebutkan bahwa gaya kepemimpinan adalah pola tingkah laku (kata-kata dan tindakan-tindakan) dari seorang pemimpin yang dirasakan oleh orang lain (Hersey, 2004:29).
Gaya kepemimpinan cenderung sangat bervariasi dan berbeda-beda yang dapat diklasifikasikan berdasarkan beberapa aspek, yaitu :
1.      Aspek Prilaku :
a.       Kepemimpinan positif
b.      Kepemimpinan negaip
2.      Aspek Kekuasan dan Wewenang :
a.       Otoriter (otokratik)
b.      Demokratis
c.       Partisipatif
d.      Bebas tindak (Laissez Faire).
Gaya kepemimpinan adalah pendekatan dan ragam seorang leader dalam memberikan arahan, implementasi rencana dan bagaimana memotivasi anak buahnya. Kurt Lewin (1939) yang memimpin sekelompok peneliti mengidentifikasi gaya kepemimpinan yang berbeda-beda.
Studi awal ini sangat berpengaruh dan telah merumuskan tiga gaya kepemimpinan utama. Menurut U. S Army Handbook, ada tiga gaya kepemimpinan utama yaitu :
1.      Otoriter atau otokratis.
2.      Partisipasi atau demokrat.
3.      Delegatif atau pemerintahan bebas.
Di lain pihak, Gilles mengemukakan ada empat gaya kepemimpinan yaitu otokratis, demokratis, partisipatif, dan laissez faire.
Selain beberapa gaya kepemimpinan di atas, ada pula beberapa gaya kepemipinan yang lain yaitu :
1.      Gaya / tipe militeristik.
2.      Gaya / tipe paternalistik.
3.      Gaya / tipe karismatik.
Selain itu, dalam buku Creative Edge, William C Miller menguraikan lima gaya kepemimpinan, yaitu :
1.      Memerintah (tell)
2.      Membujuk (sell)
3.      Berkonsultasi (consult)
4.      Meminta partisipasi (participative)
5.      Mendelegasikan (delegate).5
Blake dan Moutin (1964,1978) mengembangkan managerial grid dan sering menggunakannya dalam kepemimpinan keperawatan. Managerial grid memiliki lima gaya dasar kepemimpinan dalam sebuah kombinasi untuk kepentingan produksi dan kepentingan orang. Skala untuk setiap komponen berubah dari 1 (rendah) ke 9 (tinggi). Lima gaya kepemimpinan di gambarkan sebagai berikut :
1.        Authority-Obedience / kepatuhan
Pemimpin berasumsi bahwa sebuah kekuatan posisi didapatkan dengan mengatur kondisi pekerjaan secara efektif dan mengurangi mengintervensi bagian manusia secara minimal.
2.      Tim
Orang di komisi untuk menyelesaikan sebuah tugas, anggota kelompok saling berhubungan dan stiap orang mengambil andil umum. Hubungan kepercayaan, menghormati dan persamaan adalah keadaan dalam bekerja.
3.      Kelompok Rekreasi
Pemimpin membayar dengan penuh perhatian untuk mendapatkan anggota kelompok dan menjaga kenyamanan, suasana persahabatan dan tempo pekerjaan.
4.        Miskin dan Lemah
Pemimpin memberikan usaha minimal dalam menyelesaikan kewajiban bekerja.
5.      Organisasi Manusia (jalan Tengah)
Pemimpin menyeimbangkan perilaku yang berhubungan dengan tugas dengan cara mengatur moral dari anggota kelompok pada sebuah level yang menyenangkan / kepuasan.
Menurut Follet (1940), gaya didefinisikan sebagai hak istimewa yang tersendiri.






Menurut para ahli terdapat beberapa gaya kepemimpinan yang dapat diterapkan dalam suatu organisasi antara lain :
a.       Gaya Kepemimpinan Menurut Tannenbau Dan Warrant H. Schmitdt
Menurut kedua ahli tersebut, gaya kepemimpinan dapat dijelaskan melalui titik ekstrim yaitu kepemimpinan berfokus pada atasan dan kepemimpinan berfokus pada bawahan.
b.      Gaya Kepemimpinan Menurut Likert
Likert mengelompokkan gaya kepemimpinan dalam empat sistem yaitu :
Sistem 1, otoritatif dan eksploitif :
Manajer membuat semua keputusan yang berhubungan dengan kerja dan memerintah para bawahan untuk melaksanakannya. Standar dan metode pelaksanaan juga secara kaku ditetapkan oleh manajer.
Sistem 2, otoritatif dan benevolent:
Manajer tetap menentukan perintah-perintah, tetapi memberi bawahan kebebasan
untuk memberikan komentar terhadap perintah-perintah tersebut. Bawahan juga diberi berbagai fleksibilitas untuk melaksanakan tugas-tugas mereka dalam batas-batas dan prosedur-prosedur yang telah ditetapkan.
Sistem 3, konsultatif:
Manajer menetapkan tujuan-tujuan dan memberikan perintah-perintah setelah hal-hal itu didiskusikan dahulu dengan bawahan. Bawahan dapat membuat keputusan-keputusan mereka sendiri tentang cara pelaksanaan tugas. Penghargaan lebih digunakan untuk memotivasi bawahan daripada ancaman hukuman.
Sistem 4, partisipatif :
Adalah sistem yang paling ideal menurut Likert tentang cara bagaimana organisasi seharusnya berjalan. Tujuan-tujuan ditetapkan dan keputusan-keputusan kerja dibuat oleh kelompok. Bila manajer secara formal yang membuat keputusan, mereka melakukan setelah mempertimbangkan saran dan pendapat dari para anggota kelompok. Untuk memotivasi bawahan, manajer tidak hanya mempergunakan penghargaan-penghargaan ekonomis tetapi juga mencoba memberikan kepada bawahan perasaan yang dibutuhkan dan penting.
c.       Gaya Kepemimpinan Menurut Teori X Dan Teori Y
Dari teori ini, gaya kepemimpinan dibedakan menjadi empat yaitu:[22]
1.      Gaya kepemimpinan diktator
2.      Gaya kepemimpinan autokratis
3.      Gaya kepemimpinan Demokratis
4.      Gaya kepemimpinan santai.
d.      Gaya Kepemimpinan Menurut Robert House
Berdasarkan teori motivasi pengharapan, Robert House mengemukakan empat gaya kepemimpinan yaitu :
1.      Directive
2.      Supportive
3.      Participative
4.      Achievement oriented
e.       Gaya Kepemimpinan Menurut Hersey Dan Blanchard
Ciri –ciri gaya kepemimpinan menurut Hersey dan Blanchard meliputi :
1.      Instruksi
2.      Konsultasi
3.      Partisipasi
4.      Delegasi. 11
W.J. Redding dalam atikelnya “What Kind of Manager” menentukan watak dan tipe pemimpin atas tiga pola dasar, yaitu :
- berorientasi tugas (task orientation)
- berorientasi hubungan kerja (relationship orientation)
- berorientasi hasil yang efektif (effective orientation)
Berdasarkan penonjolan ketiga orientasi tersebut, dapat ditentukan delapan tipe kepemimpinan, yaitu : [23]

1.      Tipe deserter (pembelot)
2.      Tipe borokrat
3.      Tipe misionaris
4.      Tipe developer (pembangun)
5.      Tipe oktokrat
6.      Tipe Benevolent autocrat (otokrat yang bijak)
7.      Tipe copromis
8.      Tipe eksekutif.











DAFTAR PUSTAKA
http://www.tugasku4u.com/2013/06/makalah-kepemimpinan.html
http://www.tugasku4u.com/2013/06/makalah-kepemimpinan.html

Minggu, 08 Juni 2014

Cara membuat desain Web menggunakan Notepad


Membuat Desain Website Berbasis HTML Dengan Notepad++


 Pengenalan Tag Pada HTML

Dalam HTML tag merupakan code sekaligus perintah dimana kita dapat mengatur tampilan yang kita inginkan. Tag pada HTML selalu diawali dengan <x> dan ditutup dengan </x> dimana x adalah perintah dari apa yang kita inginkan.
·         Daftar Tag Pada HTML
ELEMEN DASAR
Jenis Dokumen
<HTML></HTML>
(terdapat pada awal dan akhir dari file HTML)
Judul
<TITLE></TITLE>
(harus selalu terdapat pada mukadimah)
Mukadimah (Header)
<HEAD></HEAD>
(keterangan umum, seperti judul dsb.)
Batang Tubuh
<BODY></BODY>
(isi dari halaman HTML)





FORMAT TAMPILAN
Huruf Tebal
<B></B>
(Bold)
Huruf Miring
<I></I>
(Italic)
Garis Bawah
<U></U>
(Underline - jarang digunakan)
Rata Tengah
<CENTER></CENTER>
(Center - berlaku untuk teks maupun gambar)
Huruf Kedip
<BLINK></BLINK>
(Blinking - tag terlucu sampai kini)
Ukuran Huruf
<FONT SIZE=?></FONT>
(Font Size - boleh diisi dari 1 sampai 7)
Warna Huruf
<FONT COLOR="#$$$$$$"></FONT>

Pilih Jenis Huruf
<FONT FACE="***"></FONT>


PEMISAH
Paragraf
<P></P>
(tag penutup seringkali tak diperlukan)
Align Text
<P ALIGN=LEFT|CENTER|RIGHT></P>
 
Pndah Baris
<BR>
(pindah ke baris berikut)
Garis Datar
<HR>
(Horizontal Rule)
Penataan Letak Garis
<HR ALIGN=LEFT|RIGHT|CENTER>
 
Tebal Garis
<HR SIZE=?>
(dalam satuan pixel)
Lebar Garis
<HR WIDTH=?>
(dalam satuan pixel)
Lebar Garis Persentasi
<HR WIDTH="%">
(dalam persentasi terhadap lebar halaman)

LATAR BELAKANG DAN WARNA
Latar Belakang Gambar
<BODY BACKGROUND="URL">
(Tiled Background)
Warna Latar Belakang
<BODY BGCOLOR="#$$$$$$"
(Background Color - urutan: merah/hijau/biru)
Warna Huruf Teks
<BODY TEXT="#$$$$$$">


TABEL
Rancangan Tabel
<TABLE></TABLE>

Garis Batas Tabel
<TABLE BORDER=?></TABLE>

Lebar Tabel
<TABLE WIDTH=?>
(dalam satuan pixel)
Lebar Tabel Persentasi
<TABLE WIDTH="%">
(dalam satuan persen terhadap lebar halaman)
Baris dalam Tabel
<TR></TR>
 
Penataan Letak Baris
<TR ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM 
VALIGN=TOP|BOTTOM|MIDDLE>
 
Sel dalam Tabel
<TD></TD>
(harus ada dalam setiap baris tabel)
Penataan Letak Sel
<TD ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM 
VALIGN=TOP|BOTTOM|MIDDLE>
 
Kepala Tabel
<TH></TH>
(Table Header - seperti data dengan Bold dan Center)
Penataan Letak Kepala Tabel
<TH ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM 
VALIGN=TOP|BOTTOM|MIDDLE>
 
Warna Kepala Tabel
<TH BGCOLOR="#$$$$$$">



A.    Dasar dasar HTML

1.      Membuat judul tab dalam halaman web, buka notepad++ terlebih dahulu, kemudian ketikan code dibawah ini:

<html>
<head>
  <title> My First HTML Project </title>
</head>
  <body BGCOLOR=“Green” TEXT=“Red”>
     WELCOME TO MY WEBSITE
</body>
<body bgcolor=”#00ff00”>
</html>

Langkah selanjutnya simpan dalam format HTML dan buka file dengan firefox atau sejenisnya, maka hasilnya akan seperti pada gambar 1 berikut:
 
Gambar 1.  Judul Tab Halaman

2.      Mengatur paragraf texs, buka notepad++ kemudin ketikan code dibawah ini:

<html>
<head>
 <title> Tag P, Br dan Hr </title>
</head>
<body>
 <p>Ini adalah paragraf pertama, yang berisi 3 baris.  Baris satu, dua dan tiga. <br><br></p>
 <p>Ini adalah paragraf kerdua, yang berisi garis horizontal</p>
<hr> Ini adalah garis horizontal.
</body>
<body bgcolor=”#00ff00”>
</html>

Langkah selanjutnya simpan dalam format HTML dan buka file dengan firefox atau sejenisnya, maka hasilnya akan seperti pada gambar 2 berikut:
 
Gambar 2. Mengatur Paragraf

3.      Mengatur ukuran huruf, buka notepad++,  kemudian ketikan code dibawah ini:

<html>
<head>
<title> Tag Heading </title>
</head>
<body>
<h1> Heading 1 </h1>
<h2> Heading 2 </h2>
<h3> Heading 3 </h3>
<h4> Heading 4 </h4>
<h5> Heading 5 </h5>
<h6> Heading 6 </h6>
</body>
<body bgcolor=”#00ff00”>
</html>

Langkah selanjutnya simpan dalam format HTML dan buka file dengan firefox atau sejenisnya, maka hasilnya akan seperti pada gambar 3 berikut:
 
Gambar 3.  Ukuran Huruf

4.      Mengatur format texs, Buka notepad++, kemudian ketikan code dibawah ini:

<html>
<head>
<title>format tulisan</titele>
</head>
<body>
teks normal <br>
<small> teks small </small><br>
<big> teks big</big><br>
<b> teks tebal </b><br>
<i> teks miring </i><br>
<u> teks bergaris bawah </u><br>
Contoh superscript : x <sup>2</sup><br>
Contoh subscript : H<sub>2</sub>O<br>
<strike> Ini teks tercoret </strike><br>
<font size = 5 face = verdana>
menggunakan tag font
</font>
</body>
<body BGCOLOR ="#00FF00">
</html>

Langkah selanjutnya simpan dalam format HTML dan buka file dengan firefox atau sejenisnya, maka hasilnya akan seperti pada gambar 4 berikut:
 
Gambar 4. Format tulisan

5.      Membuat from komentar, buka notepad++, kemudian ketikan code dibawah ini:

<html>
<head>
      <title> From komentar </title>
</head>
<body>
<table>
<tr>
<tdcolspan="3">&nbsp;</td></tr><tr>
  <td colspan="3"><h3>Silahkan Berkomentar : </h3></td>
</tr>
<tr>
<td>Nama</td>
<td>:</td>
<td><input type=text name="nama"></td>
</tr>
<tr>
<td>Email</td>
<td>:</td>
<td><input type=text name="email"></td>
</tr>
<tr>
<td valign=top>Komentar</td>
<td valign=top>:</td>
<td><textarea name="komentar" rows=6 width=200></textarea></td>
</tr>
<tr>
<td colspan="3"><input type=submit name="submit"
value=submit></td>
</tr>
</table>
</body>
<body BGCOLOR ="#00FF00">
</html>

Langkah selanjutnya simpan dalam format HTML dan buka file dengan firefox atau sejenisnya, maka hasilnya akan seperti pada gambar 5 berikut:
 
Gambar 5. From komentar

6.      Mengatur kolom, buka notepad++ kemudian ketikan code dibawah ini:

<html>
<head>
<title>warna-warna</title>
</head>
<body>
<table width="300" border="1">
<tr>
    <td colspan="3" align="center">warna-warna </td>
</tr>
<tr>
    <td bgcolor="#00FF00">Hijau</td>
    <td bgcolor="#FFFF00">Kuning</td>
    <td bgcolor="#FF0000">Merah </td>
</tr>
<tr>
    <td bgcolor="#999999">Abu-abu</td>
    <td bgcolor="#0000FF">Biru</td>
    <td bgcolor="#FF9900">Orange</td>
</tr>
<tr>
    <td bgcolor="#663300">Cokelat</td>
    <td bgcolor="#3399CC">Biru muda</td>
    <td bgcolor="#FF00FF">Merah muda</td>
</tr>
</table>
</body>
<body BGCOLOR ="#00FF00">
</html>

Langkah selanjutnya simpan dalam format HTML dan buka file dengan firefox atau sejenisnya, maka hasilnya akan seperti pada gambar 6 berikut:
 
Gambar 6. Tabel

B.     Hyperlink

1.      Membuat hyperlink kehalaman web lain, buka notepad++, kemudian ketikan atau copy saja code dibawah ini:

<html>
<head>
      <title> Judul tab </title>
      </head>
<body>
      Ini hyperlink ke wordpress
      <a href="http://www.wordpress.com/" title="Masuwordpress"> Wordpress </a>
      <br>Klik dan masuk ke yahoo<a href="http://www.yahoo.com/" title="Masuk yahoo"> Yahoo </a>
      <br>Masuk ke facebook anda
<a href="http://http://www.facebook.com/" title="Masuk ke facebook"> Facebook </a>
</body>
<body BGCOLOR ="#00FF00">
</html>

Langkah selanjutnya simpan dalam format HTML dan buka file dengan firefox atau sejenisnya, maka hasilnya akan seperti pada gambar 7 berikut:
 
Gambar 7 link halaman web lain


2.      Membuat hyperlink antar bagian dalam web, buka notepad++, kemudian ketikan atau copy saja code dibawah ini:

<html>
<head>
      <title> Judul tab </title>
      </head>
<body>
<ahref="file:///C:/Users/COMPAQ/Documents/HTML.1/desain%20web/home.html" title="ke Rumah"><img src="file:///C:/Users/COMPAQ/Documents/HTML.1/gambar/Graphic1.jpg" border="0" width="80" height="30"/></a>
<ahref="file:///C:/Users/COMPAQ/Documents/HTML.1/desain%20web/profil.html" title="Profilku"><img src="file:///C:/Users/COMPAQ/Documents/HTML.1/gambar/profil.jpg" border="0" width="100" height="30"/></a>
<ahref="file:///C:/Users/COMPAQ/Documents/HTML.1/html_colors.html" title="Kode Warna Pada HTML"><img src="file:///C:/Users/COMPAQ/Documents/HTML.1/gambar/Kode%20Warna.jpg" border="0" width="150" height="30"/></a>
<a href="file:///C:/Users/COMPAQ/Documents/HTML.1/kumpulan%20puisi.html" title="kumpulan Kata-kata Mutiara"><img src="file:///C:/Users/COMPAQ/Documents/HTML.1/gambar/kata%20kata.jpg" border="0" width="100" height="30"/></a>
</body>
<body BGCOLOR ="#00FF00">
</html>

Langkah selanjutnya simpan dalam format HTML dan buka file dengan firefox atau sejenisnya, maka hasilnya akan seperti pada gambar 8 berikut:
 
Gambar 8. Link Antar Bagian Dalam Web

C.    Membuat Website Sederhana

1.      Membuat halaman login pada website, buka notepad++, kemudin ketikan atau copy saja code dibawah ini:

<html>
<head>
<title>login web</title><link rel='icon' href='gambar/B.png'>
</head>
<body>
<p align="center"> <font  size="6" color="#FF6600" >
Silahkan mengisi data yang ada di bawah untuk masuk ke website saya :)</font>
</p>
<table align="center">
<td><form method="post" action="home.html"><label><font color="#FF6600">Nama Anda:</label>
<br>
<input type="text" name="nama" value=""></br>
<label><font color="#FF6600">Email Atau telepon:</label>
<br>
<input type="text" name="Email" value=""></br><label><font color="#FF6600">Alamat:</label>
<br>
<input type="text" name="Alamat" Value=""></br>
<label><font color="#FF6600">Tanggal Lahir </label>
<br>
<select name="select">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
</select>
<select name="select2">
<option value="1">Januari</option>
<option value="2">Februari</option>
<option value="3">Maret</option>
<option value="4">April</option>
<option value="5">Mei</option>
<option value="6">Juni</option>
<option value="7">Juli</option>
<option value="8">Agustus</option>
<option value="9">September</option>
<option value="10">Oktober</option>
<option value="11">Nopember</option>
<option value="12">Desember</option>
</select>
<select name="select3">
<option value="2001">1988</option>
<option value="2002">1989</option>
<option value="2003">1990</option>
<option value="2004">1991</option>
<option value="2005">1992</option>
<option value="2006">1993</option>
<option value="2007">1994</option>
<option value="2008">1995</option>
<option value="2009">1996</option>
</select></br>
<label><font color="#FF6600">Jenis Kelamin </label>
<br><font color="red">Pria
<font color="#CCFF00">Wanita</br>
<input type="submit" Value="Masuk">
</td>
</table>
<body background="gambar/aaa.png">
<EMBED SRC="MP3/Greenday%20-%20I%20walk%20Alone.swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED>
<p align="center"> <font  size="1" color="#FF6600" ><BLINK>..... Dalam penggisiannya harus jujur yaa, jangan bo'onk  :) ......
</body>
</html>

Langkah selanjutnya simpan dalam format HTML dan buka file dengan firefox atau sejenisnya, background dapat anda ganti sendiri sesuai dengan kesukaan anda.

Hasilnya seperti pada gambar 9 berikut:
 
Gambar 9. Halaman login

2.      Membuat halaman awal, buka notepad++, kemudian ketikan atau copy saja code dibawah ini:

<html>
<head>
      <title>Home</title>
<link rel='icon' href='gambar/alien.ico'>
</head>
<body>
      <center><table width='1000' height='400' border="0" background='gambar/xx.jpg' cellpadding="0" cellspacing="<tr>
<td colspan="2" color="white" align='center'>
<img src="gambar/1.png" width="1000" height="400">
</td>
</tr>
<tr height="50"><td colspan='2' background='gambar/zz.jpg' align='left' height="20">
<p><ul><ul><left><BLINK><b><font color="#00CCFF" size="5"><img src='gambar/halo.gif' border='0' width='40' height='40'>~ Selamat datang di website pertama saya ~ <img src='gambar/halo.gif' border='0' width='40' height='40'></font></BLINK></b></ul></ul></p></left>
<left>      <ul><a href="home.html" title="ke Rumah"><img src='gambar/HOME.jpg' BORDER='0' width='80' height='30'></a>
<a href="http://mp3skull.com/"  title="MP3"><img src='gambar/MP3.jpg' BORDER='0' width='80' height='30'></font></a>
<a href="profilku.html" title="Profilku"><img src='gambar/PROFIL.jpg' BORDER='0' width='90' height='30'></a>
<a href="html_colors.html" title="Kode Warna Pada HTML"><img src='gambar/KODE WARNA.jpg' BORDER='0' width='120' height='30'></a>
<a href="http://www.gametop.com/" title="Tempat Game"><img src='gambar/GAME.jpg' BORDER='0' width='80' height='30'></a>
<a href="http://www.w3schools.com/html/html_intro.asp" title="Tutorial HTML.w3schools.com"><img src='gambar/TUTORIAL.jpg' BORDER='0' width='90' height='30'></a>
<a href="kumpulan%20puisi.html" title="kumpulan Kata-kata Mutiara"><img src='gambar/KATA.jpg' BORDER='0' width='100' height='30'></a>
</ul></left>
</td>
</tr>
<tr>
<td width='796' height='700' background='gambar/zz.jpg' valign='top' >
<p><font color="yellow" size="5">~Dasar-dasar Membuat Website Berbasis HTML~</font>
<p align="lift"><font  color="white">Nah, anda pasti sudah banyak melihat tutorial tutorial HTML yang ada di ilmuwebsite.com. Tapi, masih ada 1 kekurangan, tutorial HTML untuk tingkat pemula???
<br />
Nggak ada kan??? nah, maka dari itu, saya, Rian hidayat, akan menjelaskan bagaimana website di bangun menggunakan tag-tag HTML, dan ini penulis sediakan untuk pemula. Tapi sebelum itu,? ada yang perlu diketahui.<br />
<br />
<a name='more'></a><br />
<span id="more-712"></span><br />
<b>tag &lt;&gt;</b><br />
digunakan untuk menuliskan sintak, ada dua jenis, yaitu tag container dan tag biasa.<br />
Tag container adalah tag yang berisi text yang akan ditampilkan
setelah tag ditutup. Contoh: &lt;td&gt; text yang ditampilkan
&lt;/td&gt;.<br />
Tag biasa, yahh&#8230;tag aja, contoh &lt;BR&gt; (break). &lt;br&gt; kaga perlu ditutup oleh tag &lt;/br&gt;, tapi jika sintak yang digunakan tag container, contoh: &lt;h1&gt;, yah mesti ditutup dengan &lt;/h1&gt;.<br />
Tag yang digunakan untuk mengakhiri sintak punya karakter /(slash) sebelum sintaknya, contohnya: &lt;td&gt; &lt;/td&gt;<br />
Kita juga dapat mengetik attribut di dalam sebuah tag, contoh: &lt;body bgcolor=&#8221;red&#8221;&gt; &lt;/body&gt;. atau &lt;input type=&#8221;text&#8221;&gt;.<br />
<b>LANGKAH 1</b><br />
<ul>
<li>MEMBUKA NOTEPAD.</li>
</ul>
<b>LANGKAH 2</b> <br />
<ul>
<li>MENGETIKKAN SINTAK/SYNTAX.</li>
</ul>
Berikut ini adalah syntax dasar yang membentuk suatu HTML.<br />
pertama, ketikkan<br />&lt;html&gt;<br />
tekan enter, kemudian ketik<br />&lt;head&gt;<br />Dalam container head, kita bisa mengetikan beberapa sintak, tapi yangpaling penting jangan lupa mengetikan sintak &lt;title&gt; judul halaman web &lt;/title&gt;. Untuk sintak lain nanti saja.<br />Sekarang ketikkan sintak title tadi, jadi seperti ini:<br />&lt;head&gt; &lt;title&gt; judul halaman web &lt;/title&gt; &lt;/head&gt;<br />
Kemudian ketikkan &lt;body&gt;. Tag body merupakan badan/tubuh/inti dari halaman web, tampilan web yang kita lihat itu berasal dari &lt;body&gt;.<br />Body tuh tag container, jadi mesti ditutup. Hasil sampai sekarang:<br />
&lt;html&gt;<br />&lt;head&gt;<br />&lt;title&gt; Judul Halaman Web &lt;/title&gt;<br />
&lt;/head&gt;<br />
&lt;body&gt;<br />
&lt;/body&gt;<br />?<br />
&nbsp; <br />
<br />Selanjutnya bagaimana cara menampilkan tulisan ke dalam HTML??? Ketikan sembarang text ke dalam tag body, contohnya seperti ini :<br />&lt;body&gt;<br />Contoh text yang ditampilin di halaman web, By: Rian Hidayat<br />&lt;/body&gt;<br />terus, jika sudah, ketikkan &lt;/html&gt;, script lengkapnya seperti ini :<br />&lt;html&gt;<br />&lt;head&gt;<br />
&lt;title&gt; Judul Halaman Web &lt;/title&gt;<br />
&lt;/head&gt;<br />&lt;body&gt;<br />Contoh text yang ditampilkan di halaman web, By: Rian Hidayat<br />
&lt;/body&gt;<br />
&lt;/html&gt;<br />
kalo udah, sekarang save dengan nama dasarHTML.<br />
kalo udah disave, buka data yang tadi di save.<br />?<br />Pada bagian ini, kalian mungkin akan bingun,g karena html yang tadi disave dan cape cape diketikkan, ternyata gagal. Malah yang terbuka adalah file di notepad/wordpad. tau kenapa???<br />Karena ketika men-save, file tersebut di save dalem bentuk TXT, bukan HTML. Nah cara men-save dalem bentuk HTML yaitu: ketika mensave, ada satu tempat di bawah tempat kita menulis nama file,? yakni Save As Type. Silahkan ubah dari text document(*.txt) menjadi all files, ketika menulis nama, di akhir di berikan extensi .html, contoh: dasarHTML.html.
<div style='clear: both;'></div>
</textarea>
<font="left" form method="post" action="file:///C:/Users/COMPAQ/Documents/HTML.1/new%204.html">
<input type="hidden" name="friendID" value="123456">
<textarea name="f_comments" cols="40" rows="5"">
Enter your comments here...
</textarea><br>
<input type="submit" value="coments" />
<input type="reset" value="Reset" />
</form>
</td>
<td width='200' height='700' bgcolor='' valign='top'>
<table align="left" width='200' border='0' bgcolor='' bordercolor='green'>
<tr align='center'>
<td><p><a href="http://www.facebook.com/" target="_blank" title="Masuk ke Facebook"> <img src="gambar/facebook.ico" border="0" width="90" height="70"/></a></td>
<td><p><a href="http://www.youtube.com/" target="_blank" title="Masuk ke youtube"> <img src="gambar/youtube.ico" border="0" width="90" height="70"/></a><td>
</p>
</tr>
</table>
<table align='left' width='200' border='0' bgcolor='' bordercolor='green'>                            
<center>
<td width="200" valign="top"><font color="#FFFF00" face="Cooper Std Black">
<b>TUTORIAL HTML</b>
<ul>
<li><a href="buat%20ayat%20bergerak.html" title='membuat tulisan bergerak'><font color='#0000FF' face='Times New Roman'>Cara membuat tulisan bergerak</a></font></li>
<li><a href='Menbuat%20from%20komentar.html' title='membuat from komentar'><font color='#0000FF' face='Times New Roman'>Cara membuat from komentar</a></font></li>
<li><a href='Membuat%20login.html' title='membuat halaman login'><font color='#0000FF' face='Times New Roman'>Cara membuat halaman login</a></font></li>
</ul></font></table></td>
</tr>
<tr height="50">
s<td colspan='2'background='gambar/zz.jpg'><center><b><marquee><font face="Cooper Std Black" color="#00CCFF" size="7">~ Meskipun banyak kendala dalam pembuatan desain web, tapi tetap berusaha untuk mencapai hasil yang terbaik ~</font></b></marquee></center></td></tr>
</table><div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;">
<img border="0" src="gambar/twitter.ico" title="follow my twitter" alt="animasi bergerak gif" /></a><small><center></div>
<div style="position: fixed; bottom: 0px; right: 0px;width:100px;height:100px;"><a href='#top'>
<img border="0" src="gambar/top.png" width='50' height='50' title="Kembali ke atas" alt="animasi bergerak gif" /></a><small><center>
</div>
<div style="position: fixed; TOP: 0px; right: 10px;width:130px;height:160px;"><a href='login.html'>
<img border="0" src="gambar/c.png" width='40' height='40' title="Kembali ke login" alt="animasi bergerak gif" /></a><small><center></div>
<body background='gambar/yy.jpg'></body>
<EMBED SRC="MP3/I%20Won%27t%20See%20You%20Tonight%28Part1%29.swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED></html>

Langkah selanjutnya simpan dalam format HTML dan buka file dengan firefox atau sejenisnya, anda bisa menganti gambar-gambarnya sesuai yang anda inginkan, dan anda juga dapat menganti background dan animasi yang sesuai dengan anda.

Hasilnya akan seperti pada gambar 10 berikut:

 
Gambar 10. Halaman awal

3.      Membuat data pribadi atau profil, buka notepad++, kemudian ketikan atau copy saja code dibawah ini:

<html>
<head>
      <title>Profilku</title>
<link rel='icon' href='gambar/alien.ico'>
</head>
<body>
      <center><table width='1000' height='400' border="0" background='gambar/xx.jpg' cellpadding="0" cellspacing="20" >
<tr>
  <td colspan="2" color="white" align='center'>
<img src="gambar/1.png" width="1000" height="400">
</td>
</tr>
 <tr height="50">
<td colspan='2' background='gambar/zz.jpg' align='left' height="20">
<p><ul><ul><left><BLINK><b><font color="#00CCFF" size="5"><img src='gambar/halo.gif' border='0' width='40' height='40'>~ Selamat datang di website pertama saya ~ <img src='gambar/halo.gif' border='0' width='40' height='40'></font></BLINK></b></ul></ul></p></left>
      <left><ul><a href="home.html" title="ke Rumah"><img src='gambar/HOME.jpg' BORDER='0' width='80' height='30'></a>
<a href="http://mp3skull.com/"  title="MP3"><img src='gambar/MP3.jpg' BORDER='0' width='80' height='30'></font></a>
<a href="profilku.html" title="Profilku"><img src='gambar/PROFIL.jpg' BORDER='0' width='90' height='30'></a>
      <a href="html_colors.html" title="Kode Warna Pada HTML"><img src='gambar/KODE WARNA.jpg' BORDER='0' width='120' height='30'></a>
      <a href="http://www.gametop.com/" title="Tempat Game"><img src='gambar/GAME.jpg' BORDER='0' width='80' height='30'></a>
      <a href="http://www.w3schools.com/html/html_intro.asp" title="Tutorial HTML.w3schools.com"><img src='gambar/TUTORIAL.jpg' BORDER='0' width='90' height='30'></a>
      <a href="kumpulan%20puisi.html" title="kumpulan Kata-kata Mutiara"><img src='gambar/KATA.jpg' BORDER='0' width='100' height='30'></a></ul></left></td></tr>
<tr><td width='796' height='700' background='gambar/zz.jpg' valign='top' >
      <p><table align="center" border="0" bgcolor="" cellpadding="0" cellspacing="8" >
      <td><tr><td colspan="2" align="center"><font face="Bauhaus 93" size="8" color="#0066FF"><b>PROFILKU</b></td></tr>
      <tr><br><table>
<P align="center"><font color="#00FFFF">
      <img src="gambar/rian.JPG" border="7" width="250" height="300">
<tr><td align="right"><font size="5" color="#00FFFF"><b><p align='left'>NAMA</p></b></td>
      <td><font size="5"color="#00FFFF">: Rian Hidayat</p></td></tr>
      <td align="right"><font size="5" color="#00FFFF"><b><p align='left'>ALAMAT</p></b></td>
<td><font size="4"color="#00FFFF">: Weru, Sukoharjo</td></tr>
      <td align="right"><font size="5" color="#00FFFF"><b><p align='left'>TTL</p></b></td>
      <td><font size="5"color="#00FFFF">: Sukoharjo, 09-November-1993</td></tr>
      <td align="right"><font size="5" color="#00FFFF"><b><p align='left'>PEKERJAAN</p></b></td>
      <td><font size="5"color="#00FFFF">: Mahasiswa</td></tr>
      <td align="right"><font size="5" color="#00FFFF"><b><p align='left'>HOBY</p></b></td>
      <td><font size="5"color="#00FFFF">: Tidur</td></tr>
      <td align="right"><font size="5" color="#00FFFF"><b><p align='left'>NO.TELPONE</p></b></td>
      <td><font size="5"color="#00FFFF">: 085728282066</td></tr>
      <td align="right"><font size="5" color="#00FFFF"><b><p align='left'>EMAIL</p></b></td>
      <td><font size="5"color="#00FFFF">:hrian89@gmail.com</td>
      </tr></table>
<table><P align="center"><font color="#00FFFF"><img src="gambar/bram.JPG" border="7" width="250" height="300"></p>
      <tr><td align="right"><font size="5" color="#00FFFF"><b><p align='left'>NAMA</p></b></td>
            <td><font size="5"color="#00FFFF">: Bram Putra P.</p></td></tr>
            <td align="right"><font size="5" color="#00FFFF"><b><p align='left'>ALAMAT</p></b></td>
            <td><font size="4"color="#00FFFF">: Laweyan, Surakarta</td></tr>
            <td align="right"><font size="5" color="#00FFFF"><b><p align='left'>TTL</p></b></td>
            <td><font size="5"color="#00FFFF">: Surakarta, 13-April-1992</td></tr>
            <td align="right"><font size="5" color="#00FFFF"><b><p align='left'>PEKERJAAN</p></b></td>
            <td><font size="5"color="#00FFFF">: Mahasiswa</td></tr>
            <td align="right"><font size="5" color="#00FFFF"><b><p align='left'>NO.TELPONE</p></b></td>
            <td><font size="5"color="#00FFFF">: XXXXXXXXXXXXXX </td>
      </tr></table></td>
      <td width='200' height='700' bgcolor='' valign='top'>
<table align="left" width='200' border='0' bgcolor='' bordercolor='green'>
<tr align='center'><td><p><a href="http://www.facebook.com/" target="_blank" title="Masuk ke Facebook"> <img src="gambar/facebook.ico" border="0" width="90" height="70"/></a></td>
<td><p><a href="http://www.youtube.com/" target="_blank" title="Masuk ke youtube"> <img src="gambar/youtube.ico" border="0" width="90" height="70"/></a><td>
      </p></tr>
      </table>
<table align='left' width='200' border='0' bgcolor='' bordercolor='green'>
            <center>
      <td width="200" valign="top"><font color="#FFFF00" face="Cooper Std Black">
      <b>TUTORIAL HTML</b>
      <ul><li><a href="buat%20ayat%20bergerak.html" title='membuat tulisan bergerak'><font color='#0000FF' face='Times New Roman'>Cara membuat tulisan bergerak</a></font></li>
      <li><a href='Menbuat%20from%20komentar.html' title='membuat from komentar'><font color='#0000FF' face='Times New Roman'>Cara membuat from komentar</a></font></li>
      <li><a href='Membuat%20login.html' title='membuat halaman login'><font color='#0000FF' face='Times New Roman'>Cara membuat halaman login</a></font></li>
      </ul></font></table></td></tr>
      <tr height="50"><td colspan='2' background='gambar/zz.jpg'><center><b><marquee><font face="Cooper Std Black" color="#00CCFF" size="7">~ Meskipun banyak kendala dalam pembuatan desain web, tapi tetap berusaha untuk mencapai hasil yang terbaik ~</font></b></marquee></center></td>
      </tr></table><div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;">
<img border="0" src="gambar/twitter.ico" title="follow my twitter" alt="animasi bergerak gif" /></a><small><center>
</div>
      <div style="position: fixed; bottom: 0px; right: 0px;width:100px;height:100px;"><a href='#top'>
<img border="0" src="gambar/top.png" width='50' height='50' title="Kembali ke atas" alt="animasi bergerak gif" /></a><small><center></div>
      <div style="position: fixed; TOP: 0px; right: 10px;width:130px;height:160px;"><a href='login.html'>
      <img border="0" src="gambar/c.png" width='40' height='40' title="Kembali ke login" alt="animasi bergerak gif" /></a><small><center>
      </div>
      <body background='gambar/yy.jpg'>
</body>
<EMBED SRC="MP3/I%20Won%27t%20See%20You%20Tonight%28Part1%29.swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED>
</html>

Langkah selanjutnya simpan dalam format HTML dan buka file dengan firefox atau sejenisnya, anda bisa menganti gambar-gambarnya sesuai yang anda inginkan, dan anda juga dapat menganti background dan animasi yang sesuai dengan anda.

Hasilnya akan seperti pada gambar 11 berikut:
Gambar 11. Membuat data pribadi

4.      Membuat album galery, buka notepad++, kemudian ketikan atau bisa copy saja code dibawah ini:

<html>
<head>
      <title>Profilku</title>
<link rel='icon' href='gambar/alien.ico'>
</head>
<body>
      <center>
<table width='1000' height='400' border="0" background='gambar/xx.jpg' cellpadding="0" cellspacing="20" >
      <tr>
<td colspan="2" color="white" align='center'>
<img src="gambar/1.png" width="1000" height="400">
</td>
</tr>
<tr height="50">
<td colspan='2' background='gambar/zz.jpg' align='left' height="20">
<p><ul><ul><left><BLINK><b><font color="#00CCFF" size="5"><img src='gambar/halo.gif' border='0' width='40' height='40'>~ Selamat datang di website pertama saya ~ <img src='gambar/halo.gif' border='0' width='40' height='40'></font></BLINK></b></ul></ul></p></left>
      <left>
      <ul><a href="home.html" title="ke Rumah"><img src='gambar/HOME.jpg' BORDER='0' width='80' height='30'></a>
      <a href="http://mp3skull.com/"  title="MP3"><img src='gambar/MP3.jpg' BORDER='0' width='80' height='30'></font></a>
      <a href="profilku.html" title="Profilku"><img src='gambar/PROFIL.jpg' BORDER='0' width='90' height='30'></a>   <a href="html_colors.html" title="Kode Warna Pada HTML"><img src='gambar/KODE WARNA.jpg' BORDER='0' width='120' height='30'></a>
      <a href="http://www.gametop.com/" title="Tempat Game"><img src='gambar/GAME.jpg' BORDER='0' width='80' height='30'></a>    <a href="http://www.w3schools.com/html/html_intro.asp" title="Tutorial HTML.w3schools.com"><img src='gambar/TUTORIAL.jpg' BORDER='0' width='90' height='30'></a>  <a href="kumpulan%20puisi.html" title="kumpulan Kata-kata Mutiara"><img src='gambar/KATA.jpg' BORDER='0' width='100' height='30'></a>
      </ul></left>
      </td></tr>
      <tr>
<td width='796' height='700' background='gambar/zz.jpg' valign='top' >
      <p><table align="center" border="0" bgcolor="" cellpadding="0" cellspacing="8" >
      <td>
<p><b><center><font face="Bauhaus 93" size="7" color='#0000FF'>Galery</font></center></b></p><b>
<table color="blue" align="center" border="9px">
<tr><p align="center"><font color="#00FFFF" size='6'>Album Kegiatan Teknisi</font>
      <td><img src="file:///D:/Tugas%20HTML/Gambar/a.png" border="3" width="300" height="300" /></td>
      <td><img src="file:///D:/Tugas%20HTML/Gambar/b.png" border="3" width="300" height="300" /></td>
      <tr><td><img src="file:///D:/Tugas%20HTML/Gambar/c.png" border="3" width="300" height="300" /></td>
      <td><img src="file:///D:/Tugas%20HTML/Gambar/d.png" border="3" width="300" height="300" /></td>
      <tr><td><img src="file:///D:/Tugas%20HTML/Gambar/e.png" border="2" width="300" height="300" /></td>
      <td><img src="file:///D:/Tugas%20HTML/Gambar/f.png" border="3" width="300" height="300" /></td></p></tr>
</table>
      </td>
<td width='200' height='700' bgcolor='' valign='top'>
      <table align="left" width='200' border='0' bgcolor='' bordercolor='green'><tr align='center'>
      <td><p><a href="http://www.facebook.com/" target="_blank" title="Masuk ke Facebook"> <img src="gambar/facebook.ico" border="0" width="90" height="70"/></a></td>
      <td><p><a href="http://www.youtube.com/" target="_blank" title="Masuk ke youtube"> <img src="gambar/youtube.ico" border="0" width="90" height="70"/></a><td>
      </p></tr></table>
<table align='left' width='200' border='0' bgcolor='' bordercolor='green'>
            <center>
<td width="200" valign="top"><font color="#FFFF00" face="Cooper Std Black">
      <b>TUTORIAL HTML</b><ul>
      <li><a href="buat%20ayat%20bergerak.html" title='membuat tulisan bergerak'><font color='#0000FF' face='Times New Roman'>Cara membuat tulisan bergerak</a></font></li>
      <li><a href='Menbuat%20from%20komentar.html' title='membuat from komentar'><font color='#0000FF' face='Times New Roman'>Cara membuat from komentar</a></font></li>
      <li><a href='Membuat%20login.html' title='membuat halaman login'><font color='#0000FF' face='Times New Roman'>Cara membuat halaman login</a></font></li>
      </ul></font></table></td></tr>
<tr height="50">
<td colspan='2' background='gambar/zz.jpg'><center><b><marquee><font face="Cooper Std Black" color="#00CCFF" size="7">~ Meskipun banyak kendala dalam pembuatan desain web, tapi tetap berusaha untuk mencapai hasil yang terbaik ~</font></b></marquee></center></td>
      </tr></table>
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;">
<img border="0" src="gambar/twitter.ico" title="follow my twitter" alt="animasi bergerak gif" /></a><small><center></div> <div style="position: fixed; bottom: 0px; right: 0px;width:100px;height:100px;"><a href='#top'>
      <img border="0" src="gambar/top.png" width='50' height='50' title="Kembali ke atas" alt="animasi bergerak gif" /></a><small><center></div>
<div style="position: fixed; TOP: 0px; right: 10px;width:130px;height:160px;"><a href='login.html'><img border="0" src="gambar/c.png" width='40' height='40' title="Kembali ke login" alt="animasi bergerak gif" /></a><small><center></div>
<body background='gambar/yy.jpg'>
</body>
<EMBED SRC="MP3/I%20Won%27t%20See%20You%20Tonight%28Part1%29.swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED>
</html>

Langkah selanjutnya simpan dalam format HTML dan buka file dengan firefox atau sejenisnya, anda bisa menganti gambar-gambarnya sesuai yang anda inginkan, dan anda juga dapat menganti background dan animasi yang sesuai dengan anda.

Hasilnya akan seperti pada gambar 12 berikut:
Gambar 12. Galery

5.      Membuat artikel html tentang cara membuat tulisan bergerak, buka notepad++, kemudian ketikan atau copy saja code dibawah ini:

<html>
<head>
      <title>Cara membuat tulisan bergerak</title>
<link rel='icon' href='gambar/alien.ico'>
</head>
<body>
      <center>
<table width='1000' height='400' border="0" background='gambar/xx.jpg' cellpadding="0" cellspacing="20" >
<tr>
<td colspan="2" color="white" align='center'>
<img src="gambar/1.png" width="1000" height="400">
</td>
</tr>
<tr height="50">
<td colspan='2' background='gambar/zz.jpg' align='left' height="20">
<p><ul><ul><left><BLINK><b><font color="#00CCFF" size="5"><img src='gambar/halo.gif' border='0' width='40' height='40'>~ Selamat datang di website pertama saya ~ <img src='gambar/halo.gif' border='0' width='40' height='40'></font></BLINK></b></ul></ul></p></left>
<left>
                  <ul><a href="home.html" title="ke Rumah"><img src='gambar/HOME.jpg' BORDER='0' width='80' height='30'></a>
                  <a href="http://mp3skull.com/"  title="MP3"><img src='gambar/MP3.jpg' BORDER='0' width='80' height='30'></font></a>
                  <a href="profilku.html" title="Profilku"><img src='gambar/PROFIL.jpg' BORDER='0' width='90' height='30'></a>
                  <a href="html_colors.html" title="Kode Warna Pada HTML"><img src='gambar/KODE WARNA.jpg' BORDER='0' width='120' height='30'></a>
                  <a href="http://www.gametop.com/" title="Tempat Game"><img src='gambar/GAME.jpg' BORDER='0' width='80' height='30'></a>
                  <a href="http://www.w3schools.com/html/html_intro.asp" title="Tutorial HTML.w3schools.com"><img src='gambar/TUTORIAL.jpg' BORDER='0' width='90' height='30'></a>
                  <a href="kumpulan%20puisi.html" title="kumpulan Kata-kata Mutiara"><img src='gambar/KATA.jpg' BORDER='0' width='100' height='30'></a>
                  </ul></left>
                  </td>
</tr>
<tr>
<td width='796' height='700' background='gambar/zz.jpg' valign='top' >
<b><center><span style="font-size: large;" align='center'><font color='#0066FF' size='5'>Tutorial Membuat Tulisan Menjadi Bergerak</font></span></center></b>
<br />
<br /><font color='#00FFFF'>Marquee tag digunakan untuk menggerakkan sama ada perkataan ataupun gambar. Dalam contoh ini, saya akan tunjukkan beberapa cara untuk menggunakan Marquee tag ini untuk menggerakkan tulisan anda.</font><br />
<br />
<div style="color: #FFFF00;">
<marquee direction="down" height="50"><center>
<b>Teks Bergerak Ke Bawah...</b></center>
</marquee>
</div>
<div style="color: #FFFF00;"><marquee direction="right"><b>Teks Bergerak Ke Kanan...</b></marquee>
</div>
<div style="color: #FFFF00;"><marquee direction="left"><b>Teks Bergerak Ke Kiri...</b></marquee>
</div>
<br />
<div style="color: #FFFF00;">
<marquee direction="up" height="50"><center>
<b>Teks Bergerak Ke Atas...</b></center>
</marquee>
</div>
<br />
<a name='more'></a><br /><br /><span style="font-size: large;"><font color='#00FFFF'><b>1.</b></span> Seperti yang anda lihat di atas, Teks ini bergerak ke kiri dan ke kanan. Anda boleh gunakan kode dibawah ini untuk melakukan tricks tersebut.</font><br />
<br />
<div class="code"><br /><span style="color: white;">&lt;marquee direction="</span>
<b><span style="color: #FFFF00;">right</span></b><span style="color: white;">"&gt;This text scrolls right...&lt;/marquee&gt;</span></div><br />
<br /><font color='#00FFFF'>Apa yang anda perlukan, gantikan teks yang bewarna <b><span style="color:#FFFF00;">kuning</span></b> kepada arah mana anda akan teks tu Scroll. Anda boleh pilih sama ada - up, down, right, left.</font><br /><br />
<div style="color: #FF0000;"><marquee scrollamount="30"><b>Teks ini Macam Ferari..</b></marquee></div><br /><span style="font-size: large;"><font color='#00FFFF'><b>2.</b></span> Anda boleh mengubah kelajuan teks dengan menggunakan kod di bawah ni.</font>
<br /><br />
<div class="code"><br /><span style="color: white;">&lt;marquee scrollamount="</span><b><span style="color:#FF6600;">30</span></b><span style="color: white;">"&gt;</span><span style="color: #FF0000;">Teks ni Macam Ferari..</span><span style="color: white;">&lt;/marquee&gt;
</span></div><br /><br /><font color='#00FFFF'>Ubah nomer yang bewarna <b><span style="color:#FF6600;">Oren</span></b> untuk mengubah kelajuan.</font>
<br /><br />
<div style="color: #f1c232;"><marquee scrolldelay="300"><b>Teks ini seperti Siput..</b></marquee></div><br />
<div class="code"><br/><span style="color: white;">&lt;marquee scrolldelay="</span><b><span style="color:#00FF00;">300</span></b><span style="color: white;">"&gt;Teks ini seperti Siput..&lt;/marquee&gt;
</span></div><br /><br /><b><span style="font-size: large;"><font color='#00FFFF'>3.</span></b> Ubah nomer yang bewarna <b><span style="color:#00FF00;">hijau</span></b> untuk mengubah kelajuan.
</font><br /><br /><div style="color: #6600CC;"><marquee behavior="alternate"><b>Teks ini Melantun</b></marquee>
</div><br /><font color='#00FFFF'>Untuk membuatkan teks anda melantun seperti di atas ini. Gunakan kode di bawah.
</font><br /><br />
<div class="code"><br /><span style="color: white;">&lt;marquee behavior="alternate"&gt;</span><b style="color: #6600CC;">Teks ini Melantun</b><span style="color: white;">&lt;/marquee&gt;
</span></div><br /><br /><b><font color='#00FFFF'>4.</b> Ok. Seterusnya cara untuk menetapkan ruangan untuk Marquee bergerak
</font><br /><br /><div style="color: #0066FF;">
<marquee width="200"><b>Teks ini bergerak dalam kelebaran 200 width</b></marquee></div><br /><div class="code"><br />
<span style="color: white;">&lt;marquee width="</span><span style="color: #00FF00;">200</span><span style="color: white;">"&gt;Teks ini bergerak dalam kelebaran 200 width&lt;/marquee&gt;</span></div>
<br /><font color='#00FFFF'>Anda boleh tentukan width mengikut kesukaan anda dengan menukarkan nomer yang bewarna <b><span style="color: #00FF00;">hijau</span></b>.
</font><br /><br /><span style="font-size: large;"><b><font color='#00FFFF'>5.</b></span> Seterusnya saya akan menggabungkan beberapa kode Marquee ini bersama.
</font><br /><br />
<div style="color: #33FF33;"><marquee behavior=”alternate” scrollamount=”30” width=”400”><b>Teks Paling Awesome</b></marquee></div>
<br /><font color='#00FFFF'>Ini merupakan kode yang saya gunakan untuk membuat teks bergerak seperti yang di atas.
</font><br /><br />
<div class="code">
<br />
<span style="color: white;">&lt;marquee behavior="alternate" width="400" scrollamount="30"&gt;</span><b style="color: #33FF33;">Teks Paling Awesome</b><span style="color: white;">&lt;/marquee&gt;
</span></div>
<br />
<br /><font color='#00FFFF'>Sekarang, anda boleh coba dalam blog anda, anda juga boleh gabungkan kode-kode marquee ini mengikut kesukaan anda masing-masing.<br /></font><br /></td>
<td width='200' height='700' bgcolor='' valign='top'>
      <table align="left" width='200' border='0' bgcolor='' bordercolor='green'>
      <tr align='center'>
      <td><p><a href="http://www.facebook.com/" target="_blank" title="Masuk ke Facebook"> <img src="gambar/facebook.ico" border="0" width="90" height="70"/></a></td><td><p><a href="http://www.youtube.com/" target="_blank" title="Masuk ke youtube"> <img src="gambar/youtube.ico" border="0" width="90" height="70"/></a><td>
      </p></tr></table>
     <table align='left' width='200' border='0' bgcolor='' bordercolor='green'>
          <center>
<td width="200" valign="top"><font color="#FFFF00" face="Cooper Std Black">
      <b>TUTORIAL HTML</b>
      <ul><li><a href="buat%20ayat%20bergerak.html" title='membuat tulisan bergerak'><font color='#0000FF' face='Times New Roman'>Cara membuat tulisan bergerak</a></font></li>
      <li><a href='Menbuat%20from%20komentar.html' title='membuat from komentar'><font color='#0000FF' face='Times New Roman'>Cara membuat from komentar</a></font></li>
      <li><a href='Membuat%20login.html' title='membuat halaman login'><font color='#0000FF' face='Times New Roman'>Cara membuat halaman login</a></font></li>
      </ul></font></table></td></tr><tr height="50"><td colspan='2' background='gambar/zz.jpg'><center><b><marquee><font face="Cooper Std Black" color="#00CCFF" size="7">~ Meskipun banyak kendala dalam pembuatan desain web, tapi tetap berusaha untuk mencapai hasil yang terbaik ~</font></b></marquee></center></td>
</tr>
</table>
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;">
<img border="0" src="gambar/twitter.ico" title="follow my twitter" alt="animasi bergerak gif" /></a><small><center>
</div>
<div style="position: fixed; bottom: 0px; right: 0px;width:100px;height:100px;"><a href='#top'>
<img border="0" src="gambar/top.png" width='50' height='50' title="Kembali ke atas" alt="animasi bergerak gif" /></a><small><center></div>
<div style="position: fixed; TOP: 0px; right: 10px;width:130px;height:160px;"><a href='login.html'>
<img border="0" src="gambar/c.png" width='40' height='40' title="Kembali ke login" alt="animasi bergerak gif" /></a><small><center></div><body background='gambar/yy.jpg'>
</body>
<EMBED SRC="MP3/A7x_Afterlife.swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED>
</html>

Langkah selanjutnya simpan dalam format HTML dan buka file dengan firefox atau sejenisnya, anda bisa menganti gambar-gambarnya sesuai yang anda inginkan, dan anda juga dapat menganti background dan animasi yang sesuai dengan anda.

Hasilnya akan seperti pada gambar 12 berikut:

Artikel terbaru

Berita Handphone

More on this category »

Berita Internet & Web

More on this category »

Teknik Hacking

More on this category »

Berita Robot

More on this category »

Berita Pemrograman

More on this category »

Berita kamera

More on this category »